
var prefix = "/jzweb/jazSysProject";
$(function() {
	load();
});

var pages = 1;
function load() {

	layui.use(['table'], function(){
		var table = layui.table;

		// 创建渲染实例
		table.render({
			elem: '#exampleTable'
			,id:'exampleTable'
			// prefix
			,url: prefix + "/list" // 此处为静态模拟数据，实际使用时需换成真实接口
			,cellMinWidth: 80
			, page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
				layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
				, curr: pages //设定初始在第 5 页
				, groups: 5 //只显示 1 个连续页码
				, limit : 10
			}
			,request:{
				pageName: 'current',
				limitName: 'size'
			}
			,defaultToolbar: false
			,loading: true
			,cols: [[
				{
					field : 'name',
					title : '项目名称'
				},
				{
					field : 'sort',
					title : '顺序'
				},
				{
					field: 'status',
					title: '项目状态',
					templet:function (d){
						if( d.status == '0' ){
							return '<span class="btn btn-primary btn-sm layui-btn-xs">启用</span>'
						}else{
							return '<span class="btn layui-btn-disabled layui-btn-xs ">禁用</span>'
						}
					}
				},
				{
					field : 'createTime',
					title : '创建时间'
				},
				{
					title : '操作',
					field : 'id',
					align : 'center',
					templet : function(d) {

						var i ;
						if( d.status != 0 ){
							i = '<a  class="btn btn-primary btn-sm " href="#" mce_href="#" title="启用" onclick="changeState(\''
								+ d.id
								+ '\',0)">启用</a> ';
						}else{
							i = '<a  class="btn btn-primary btn-sm " href="#" mce_href="#" title="禁用" onclick="changeState(\''
								+ d.id
								+ '\',1)">禁用</a> ';
						}

						var e = '<a  class="btn btn-primary btn-sm " href="#" mce_href="#" title="编辑" onclick="edit(\''
							+ d.id
							+ '\')"><i class="fa fa-edit"></i></a> ';

						var ss = '<a class="btn btn-success btn-sm" href="#" title="删除"  mce_href="#" onclick="remove(\''
							+ d.id
							+ '\')"><i class="fa fa-remove"></i></a>';

						return i + e  + ss;
					}
				}
			]]
			,response: {
				statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
			}
			,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
				if( res.code != 0 ){
					return false;
				}
				return {
					"code": res.code, //解析接口状态
					"msg": res.msg, //解析提示文本
					"count": res.data.total, //解析数据长度
					"data": res.data.records //解析数据列表
				};
			}
			,jump: function (obj, first) {
				//首次不执行
				if (!first) {
					pages = obj.curr
				}
			}
			,error: function(res, msg){
				console.log(res, msg)
			}

			,done: function (res){
				layer.close()
			}
		});

	});
}

$("#add").click(function(){
	layer.open({
		type : 2,
		title : '增加',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : prefix + '/add' // iframe的url
	});
})

function edit(id) {
	layer.open({
		type : 2,
		title : '编辑',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : prefix + '/edit/' + id // iframe的url
	});
}
function remove(id) {
	layer.confirm('确定要删除选中的记录？', {
		btn : [ '确定', '取消' ]
	}, function() {
		$.ajax({
			url : prefix+"/remove",
			type : "post",
			data : {
				'id' : id
			},
			success : function(r) {
				if (r.code==0) {
					layer.msg(r.msg);
					load();
				}else{
					layer.msg(r.msg);
				}
			}
		});
	})
}

function changeState(id,number){
	$.ajax({
		url : prefix+"/condition",
		type : "post",
		data : {
			'id' : id,
			status: number
		},
		success : function(r) {
			if (r.code==0) {
				layer.msg(r.msg);
				load();
			}else{
				layer.msg(r.msg);
			}
		}
	});
}